<template>
    <el-row class="offPersonal">
        <off-header></off-header>
        <div class="center">
<div class="centerL">
<nav-l></nav-l>
   </div>
            <div class="centerR">
                <div class="accountData">
                    <ul>
                        <li>
                            25021.02 <span>自有</span>
                        </li>
                        <li>
                            25021.02 <span>可用</span>
                        </li>
                        <li>
                            25021.02 <span>可取</span>
                        </li>
                        <li>
                            25021.02 <span>总市价</span>
                        </li>
                        <li>
                            25021.02 <span>总盈亏</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </el-row>
</template>

<script>
    import OffHeader from '../../components/offWeb/off-header.vue'
    import navL from '../../components/offWeb/navL.vue'
    //import NProgress from 'nprogress'
    export default {
        name: 'offiLofin',
        components: {
            OffHeader,
            navL
        },
        data() {
            return {};
        },
        methods: {
            logout: function () {
                var _this = this;
                this.$confirm('确认退出吗?', '提示', {
                    //type: 'warning'
                }).then(() => {
                    sessionStorage.removeItem('user');
                    _this.$router.push('/login');
                }).catch(() => {

                });
            },
        }
    }

</script>

<style lang="scss" scoped>
    *{ margin: 0; padding: 0;}
    li{ list-style: none;}
    .offPersonal {
         width: 100%;
        min-height: 100%;
        background: #191F2E;
         overflow: hidden;;
    }

    .center {
         width: 1200px;
         margin: 20px auto 0 auto;
        .centerR{ min-height: 760px;width: 800px; padding: 20px; float: right;background:rgba(32,39,54,1);}
    }
.accountData{ background:rgba(41,48,63,1); margin: 10px; overflow: hidden;; padding: 10px;
li{
     width: 28%; padding:1.5% 2.5%; float: left;
    font-size: 30px; color:rgba(255,247,240,1);
    span{ font-size: 14px;color:rgba(255,247,240,0.5); display: block;}
}
}
</style>